var toDoList = [];
// 存储字符串数组

function addList() {
  var input_text = document.getElementById("input_content").value;
  document.getElementById("input_content").value = "";
  var showList = document.getElementById("showList");
  if (toDoList.length !== 0) {
    // 初始没有项的时候直接添加
    for (let i = 0; i < toDoList.length; i++) {
      if (toDoList[i] == input_text) {
        //判断是否添加重复项
        alert("已存在该项，请勿重复添加");
        return;
      }
    }
  }
  toDoList.push(input_text);
  show();
}

function remove(data) {
  var removeItem = data.id;
  var Str = "";
  var i = 0;
  for (; i < toDoList.length; i++) {
    // 因为添加项时使用list项名来设置id值，所以对字符串进行除去空格的处理（有可能会使得id名过长，但是不太知道该如何判断点击的是哪个button）
    if (toDoList[i].replace(/\s*/g, "") == removeItem) {
      toDoList.splice(i, 1);
      break;
    }
  }
  show();
}

function show() {
  // 将toDoList中的内容显示在界面上
  var Str = "";
  toDoList.forEach(function (item) {
    Str +=
      "<li>" +
      item +
      '<button onclick="remove(this)" id=' +
      item.replace(/\s*/g, "") +
      ">X</button>" +
      "</li>";
  });
  showList.innerHTML = Str;
}
